/* Page content */
.wrap {
    padding: 44px 0 50px;
}

.wrap.pb0 {
    padding-bottom: 0px;
}

.wrap.pt0 {
    padding-top: 0px;
}

.wrap.ptb0 {
    padding: 0;
}

.wrap.pb60 {
    padding-bottom: 60px;
}

.wrap.pt88 {
    padding-top: 88px;
}

.body-bgf {
    background: #FFF;
}

.body-red {
    background: #e4393c;
}

.body-yellow {
    background: #fbd500;
}

/* header & footer start */
.header {
    width: 100%;
    height: 44px;
    background: #ee175d;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
    position: fixed;
    z-index: 990;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header .name {
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.header.bgf .name {
    color: #000;
}

.header .logo {
    height: 30px;
    padding: 7px 0;
    text-align: center;
}

.header .logo img {
    height: 100%;
    display: inline-block;
}

.header .more-nav {
    width: 24px;
    height: 24px;
    display: block;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.header .icon-nav {
    background-position: 0px -150px;
}

.header .srh {
    width: 24px;
    height: 24px;
    display: block;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.header .icon-srh {
    background-position: -30px -150px;
}

.header .back {
    width: 20px;
    height: 20px;
    display: block;
    padding: 12px 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.header .back .icon-back {
    width: 20px;
    height: 20px;
    display: block;
    background-position: -72px 0px;
}

.header .share-btn {
    width: 24px;
    height: 24px;
    padding: 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.header .share-btn .icon-share {
    background-position: -270px -44px;
}

.header .edit-text {
    height: 44px;
    font-size: 14px;
    color: #FFF;
    line-height: 44px;
    padding: 0 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.header.bgf {
    background: #fff;
}

.header.bgf:after {
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    font-size: 0;
}

.header.bgf .name {
    color: #000;
}

.header.opa5 {
    background: none;
}

.header.opa5:after {
    display: none;
}

.header.opa5 .name {
    color: #FFF;
}

.header.opa5 .ico-back {
    background-position: -192px 0px;
}

.bot-nav {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.bot-nav:after {
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    font-size: 0;
    display: block;
}

.bot-nav .tab {
    width: 25%;
    height: 50px;
    display: block;
    text-align: center;
    float: left;
    color: #5f646e;
}

.bot-nav .tab i {
    width: 24px;
    height: 24px;
    display: block;
    margin: 5px auto 0;
}

.bot-nav .tab:hover {
    color: #5f646e;
}

.bot-nav .active {
    color: #ee175d;
}

.bot-nav .icon-home {
    background-position: 0 -44px;
}

.bot-nav .icon-sort {
    background-position: -60px -44px;
}

.bot-nav .icon-car {
    background-position: -30px -44px;
}

.bot-nav .icon-user {
    background-position: -90px -44px;
}

.bot-nav .active .icon-home {
    background-position: 0 -74px;
}

.bot-nav .active .icon-sort {
    background-position: -60px -74px;
}

.bot-nav .active .icon-car {
    background-position: -30px -74px;
}

.bot-nav .active .icon-user {
    background-position: -90px -74px;
}

.bot-nav .tab p {
    line-height: 1;
    font-size: 14px;
    padding-top: 4px;
}

/* header & footer end */

.ads-list {
    padding: 20px 0;
    background: #FFF;
    margin-top: 10px;
}

.ads-list .tap {
    width: 25%;
    display: block;
    float: left;
    text-align: center;
}

.ads-list .tap img {
    width: 48%;
    margin: 0 auto;
}

.ads-list .tap p {
    font-size: 14px;
    line-height: 1;
    margin-top: 10px;
    color: #535458;
}

.distributors {
    width: 100%;
    height: 48px;
    line-height: 48px;
    display: block;
    background-image: url(/images/user-bg.jpg);
    background-position: left center;
    background-color: #ee175d;
    font-size: 20px;
    color: #FFF;
    padding: 0 20px 0 44px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.distributors .icon-fxs {
    background-position: 0px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    background-position: -150px -260px;
}

.distributors .icon-arrow {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background-position: -264px 0px;
}

.box {
    background: #FFF;
}

.btline {
    border-top: #ebebeb 1px solid;
}

.bbline {
    border-bottom: #ebebeb 1px solid;
}

.blline {
    border-left: #ebebeb 1px solid;
}

.brline {
    border-right: #ebebeb 1px solid;
}

.idx-title {
    padding: 10px;
    line-height: 24px;
    height: 24px;
    background: #FFF;
}

.idx-title .icon-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background-position: -96px 0;
}

.idx-title .name {
    float: left;
    font-size: 16px;
    color: #333438;
    font-weight: bold;
    display: block;
}

.idx-title .name img {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0 0;
}

.idx-title .more {
    float: right;
    height: 24px;
    display: block;
    color: #ee175d;
    font-size: 14px;
    margin-right: -4px;
}

.idx-title .more img {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 3px;
}

.idx-title .dsp {
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

.idx-ads {
    position: relative;
}

.idx-ads img {
    width: 100%;
}

.idx-ads .arrow {
    display: block;
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.idx-ads .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: block;
}

.idx-ads .text {
    width: 60%;
    height: 3em;
    line-height: 3em;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    z-index: 2;
    left: 20%;
    top: 50%;
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.idx-ads .text:after {
    content: '';
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px;
    position: absolute;
    left: -4px;
    top: -4px;
    border: rgba(255, 255, 255, 0.9) 2px solid;
}

.areascroll {
    width: 100%;
    overflow: hidden;
    height: 200px;
    background: #FFF;
    position: relative;
    z-index: 99;
}

.areascroll .scroll-box {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 5000px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.area-list {
    background: #FFF;
}

.area-list .item {
    width: 33.33%;
    float: left;
    background: #FFF;
}

.area-list .tap {
    padding: 8px;
    border-right: #e5e5e5 1px solid;
    border-bottom: #e5e5e5 1px solid;
}

.area-list .item:nth-child(3n) .tap {
    border-right: #fff 1px solid;
}

.area-list .name {
    height: 36px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
    font-weight: bold;
}

.area-list .price-box {
    text-align: center;
    line-height: 18px;
    margin-top: 5px;
}

.area-list .bgrey {
    background: #efefef;
}

.idx-fresh {
    background: #efefef;
}

.idx-fresh .item {
    width: 25%;
    float: left;
    background: #FFF;
}

.idx-fresh .tap {
    padding: 5px;
    border-right: #e5e5e5 1px solid;
}

.idx-fresh .name {
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

.idx-fresh .price-box {
    text-align: center;
    line-height: 18px;
    margin-top: 3px;
}

.idx-fresh .bgrey {
    background: #efefef;
}

.limit-deals .item {
    border-bottom: #e5e5e5 1px solid;
}

.limit-deals .tap {
    padding: 8px;
}

.limit-deals .info {
    height: 24px;
    line-height: 24px;
    padding: 10px 0;
    border-bottom: #eee 1px solid;
}

.limit-deals .n-flag {
    float: left;
    width: 24px;
}

.limit-deals .n-flag img {
    width: 24px;
    height: 24px;
}

.limit-deals .n-flag-name {
    float: left;
    font-size: 14px;
    margin-left: 10px;
}

.limit-deals .time {
    float: right;
    color: #e23552;
}

.limit-deals .icon-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background-position: -96px 0;
}

.limit-deals .name {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    overflow: hidden;
}

.limit-deals .dsp {
    max-height: 60px;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    color: #535458;
    margin-top: 5px;
}

.limit-deals .price-box {
    height: 48px;
    line-height: 24px;
    margin-top: 8px;
    position: relative;
}

.limit-deals .unit {
    font-size: 18px;
    font-weight: bold;
}

.limit-deals .now-buy {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    border: #ee175d 2px solid;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.limit-deals .icon-gwd {
    width: 16px;
    height: 16px;
    display: block;
    background-position: -180px -24px;
}

.featured {
    position: relative;
}

.featured .line {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #e5e5e5;
    display: block;
}

.featured .item {
    width: 50%;
    float: left;
    border-bottom: #e5e5e5 1px solid;
}

.featured .tap {
    padding: 8px;
    overflow: hidden;
}

.featured .imgbox {
    width: 42%;
    float: left;
}

.featured .text-box {
    width: 58%;
    float: left;
    text-align: center;
    line-height: 20px;
}

.featured .name {
    font-size: 14px;
    color: #333438;
    font-weight: bold;
}

.hot-sales .item {
    border-bottom: #e5e5e5 1px solid;
}

.hot-sales .tap {
    overflow: hidden;
    padding: 8px;
}

.hot-sales .imgbox {
    width: 28%;
    float: left;
}

.hot-sales .text-box {
    width: 72%;
    float: left;
    padding-left: 10px;
}

.hot-sales .name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
}

.hot-sales .price-box {
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    position: relative;
}

.hot-sales .unit {
    font-size: 18px;
    font-weight: bold;
}

.hot-sales .now-buy {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    border: #ee175d 2px solid;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.hot-sales .icon-gwd {
    width: 16px;
    height: 16px;
    display: block;
    background-position: -180px -24px;
}

.hot-sales .grab-btn {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    background: #e23552;
    color: #FFF;
    font-size: 14px;
}

.hot-sales .grab-btn-grey {
    background: #636468;
}

.hot-sales .icon-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background-position: -96px 0;
}

.hot-sales-opns {
    padding: 10px 0;
    margin: 0 10px;
    height: 30px;
}

.hot-sales-opns .btns {
    width: 33.33%;
    height: 30px;
    line-height: 30px;
    float: left;
    border-right: #e5e5e5 1px solid;
    text-align: center;
    font-size: 14px;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hot-sales-opns .btns:last-child {
    border: none;
}

.hot-sales-opns .icon-16 {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0 0;
}

.hot-sales-opns .icon-xgjg {
    background-position: -160px -124px;
}

.hot-sales-opns .icon-share {
    background-position: -180px -124px;
}

.hot-sales-opns .icon-up {
    background-position: -200px -124px;
}

.hot-sales-opns .icon-down {
    background-position: -220px -124px;
}

.edit-price-txt {
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    background: #FFF;
    border: #dadade 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.h40 {
    height: 40px;
}

.class-bar {
    width: 100%;
    left: 0;
    background: #fafafa;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.class-bar.active {
    position: fixed;
    top: 44px;
}

.class-bar:before {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #e5e5e5;
}

.class-bar .scroll-box {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 5000px;
    height: 40px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.class-bar ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.class-bar li {
    width: 25%;
    height: 40px;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.class-bar .tab {
    display: block;
    color: #333;
    width: 100%;
    height: 40px;
    position: relative;
}

.class-bar .active .tab {
    color: #e23552;
}

.class-bar span {
    padding: 2px 0;
}

.class-bar .active span {
    padding-top: 0px;
    border-bottom: #ee175d 2px solid;
}

.goods-list {
    padding-left: 8px;
}

.goods-list .item {
    width: 50%;
    float: left;
}

.goods-list .tap {
    margin: 8px 8px 0 0;
    overflow: hidden;
    background: #FFF;
    padding: 8px;
}

.goods-list .name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.goods-list .price-box {
    height: 40px;
    line-height: 20px;
    margin-top: 8px;
    position: relative;
}

.goods-list .unit {
    font-size: 16px;
    font-weight: bold;
}

.goods-list .now-buy {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    border: #ee175d 2px solid;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.goods-list .icon-gwd {
    width: 16px;
    height: 16px;
    display: block;
    background-position: -180px -24px;
}

.goods-list .tags {
    width: 40px;
    height: 32px;
    padding: 4px 0;
    line-height: 16px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: #e23552;
    background: rgba(226, 53, 82, 0.75);
    color: #FFF;
    text-align: center;
}

.goods-list .tags-blue {
    background: rgba(8, 187, 226, 0.75);
}

.goods-list .tags-purple {
    background: rgba(138, 26, 156, 0.75);
}

.goods-list .tags-yellow {
    background: rgba(252, 187, 31, 0.75);
}

.goods-list .check .tap {
    padding: 6px;
    border: #e23552 2px solid;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.goods-list .check .tags {
    left: -2px;
    top: -2px;
}

.h44 {
    height: 44px;
}

.tab-bar {
    width: 100%;
    height: 44px;
    background: #fff;
    position: fixed;
    z-index: 990;
    left: 0;
    top: 44px;
}

.tab-bar:after {
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    font-size: 0;
}

.tab-bar ul {
    margin: 0 20%;
}

.tab-bar .item {
    width: 50%;
    float: left;
}

.tab-bar a {
    height: 44px;
    line-height: 44px;
    display: block;
    text-align: center;
    font-size: 15px;
    color: #000;
}

.tab-bar .active span {
    border-bottom: #ee175d 2px solid;
    padding: 3px 0;
}

.screen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 88px 0 52px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #000;
}

.discount {
    display: inline-block;
    vertical-align: middle;
    background: #fd8487;
    color: #FFF;
    line-height: 16px;
    padding: 0 6px;
    color: #FFF;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.show-pic {
    padding: 10px;
    background: #FFF;
    position: relative;
}

.show-pic img {
    display: block;
    width: 100%;
}

.show-pic-logo {
    width: 30%;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
    border: #e5e5e5 1px solid;
}

.show-pic-logo img {
    width: 100%;
}

.show-pic .tags {
    width: 48px;
    height: 36px;
    display: block;
    padding: 6px 0;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    background: #e23552;
    background: rgba(226, 53, 82, 0.75);
    -webkit-border-radius: 48px;
    border-radius: 48px;
}

.d-rate {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: #f54d80;
    color: #FFF;
    font-size: 12px;
    padding: 0 7px;
}

.show-info {
    padding: 10px;
    border-bottom: #ebebeb 1px solid;
    border-top: #ebebeb 1px solid;
}

.show-info .d-rate {
    margin: -8px 0 0 8px;
}

.show-info .name {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 15px;
    font-weight: bold;
    color: #2b2b2b;
    margin-top: 10px;
}

.show-info .dsp {
    margin-top: 10px;
    color: #666;
    padding-bottom: 10px;
    border-bottom: #efefef 1px solid;
    font-size: 13px;
}

.show-info .attr-tab {
    color: #333;
    font-size: 14px;
    margin-top: 2%;
}

.show-info .attr-tab li {
    width: 50%;
    float: left;
    line-height: 28px;
}

.show-info .time {
    padding: 0 10px;
    width: 100%;
    margin: 0 -10px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #e23552;
}

.show-info .time .icon-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background-position: -96px 0;
}

.show-info .price {
    padding: 0 10px 10px;
    border-bottom: #efefef 1px solid;
    width: 100%;
    margin: 0 -10px;
    height: 32px;
    line-height: 32px;
}

.show-info .price .Free {
    width: 30px;
    height: 30px;
    float: right;
    text-align: center;
    border: #ddd 1px solid;
    color: #666;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.show-info .price .Free img {
    width: 16px;
    height: 16px;
    display: block;
    margin: 2px auto 0;
}

.show-info .price .Free p {
    line-height: 1;
    font-size: 10px;
    margin-top: 1px;
}

.show-info .price .unit {
    font-size: 24px;
    color: #d30830;
    font-weight: bold;
}

.show-info .discount {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.show-info .promotions {
    color: #d30830;
    margin-top: 5px;
    font-size: 13px;
    line-height: 24px;
}

.show-info .country {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding-top: 10px;
    border-top: #efefef 1px solid;
    margin-top: 10px;
    color: #666;
}

.show-info .country .flag {
    height: 100%;
    display: block;
    float: left;
    margin-right: 10px;
}

.show-info .country .flag img {
    height: 100%;
}

.show-info .country .text {
    float: left;
}

.show-info .country .tariff {
    float: right;
    height: 24px;
}

.show-info .country .tariff span {
    border-bottom: #666 1px solid;
}

.show-info .country .tariff img {
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 5px;
}

.h50 {
    height: 50px;
}

.show-bar {
    width: 100%;
    height: 30px;
    padding: 10px 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 99;
    left: 0;
    top: 44px;
}

.show-bar ul {
    margin: 0px 10px 0;
    height: 28px;
    border: #ee175d 1px solid;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.show-bar ul li {
    height: 28px;
    line-height: 28px;
    width: 50%;
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
    color: #ee175d;
}

.show-bar ul li.active {
    color: #fff;
    background: #ee175d;
}

.show-tab .content {
    padding: 0 10px 10px;
}

.show-tab .content img {
    max-width: 100%;
}

.xxcs-list {
    padding: 0px 10px 10px;
    border-top: #efefef 1px solid;
}

.xxcs-list li {
    padding: 10px 0;
    border-bottom: #efefef 1px solid;
    overflow: hidden;
    font-size: 13px;
}

.xxcs-list li .bt {
    width: 25%;
    float: left;
}

.xxcs-list li .text {
    width: 72%;
    float: left;
    margin-left: 3%;
    color: #666;
}

.show-brand {
    background: #FFF;
    margin-top: 10px;
}

.show-brand .tap {
    padding: 10px;
}

.show-brand .info {
    height: 44px;
    position: relative;
    line-height: 22px;
}

.show-brand .info .imgbox {
    height: 100%;
    border: #efefef 1px solid;
    float: left;
}

.show-brand .info .imgbox img {
    width: auto;
    height: 100%;
}

.show-brand .info .text-box {
    float: left;
    padding-left: 10px;
}

.show-brand .info .name {
    font-size: 14px;
    height: 22px;
}

.show-brand .info .country {
    position: relative;
    height: 22px;
    color: #999;
    font-size: 13px;
}

.show-brand .info .country img {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.show-brand .info .ico-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.show-brand .dsp {
    margin-top: 10px;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

.show-brand .bus {
    margin-top: 10px;
    font-size: 14px;
    padding-top: 10px;
    border-top: #efefef 1px solid;
    line-height: 24px;
}

.xxdp-addr {
    padding: 10px;
    background: #e4e4e4;
    color: #7c7c7c;
}

.xxdp-addr select {
    width: 120px;
}

.xxdp-addr .name {
    font-size: 18px;
    margin-top: 10px;
}

.xxdp-addr .dsp {
    list-style: inside disc;
    margin-top: 10px;
}

.ico-radio {
    width: 14px;
    height: 14px;
    display: block;
    position: relative;
    background: #FFF;
    border: #ebebeb 1px solid;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.ico-radio input {
    visibility: hidden;
}

.ico-radio.active {
    border-color: #06bf04;
}

.ico-radio.active:after {
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -4px;
    background: #06bf04;
    content: '';
    font-size: 0;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.star {
    width: 80px;
    height: 12px;
    margin: 5px 0;
    background-position: 0 -124px;
}

.star div {
    width: 60%;
    height: 12px;
    background-position: -80px -124px;
}

.Review {
    padding: 0 10px 12px;
}

.Review .title {
    font-size: 15px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    border-bottom: #efefef 1px solid;
}

.Review .title .link {
    float: right;
    color: #d30830;
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.Review .title .link font {
    border-bottom: #d30830 1px solid;
}

.Review .flag-list {
    margin-top: 2px;
}

.Review .flag-list li {
    height: 28px;
    line-height: 28px;
    margin: 12px 10px 0 0;
    padding: 0 15px;
    background: #ffecea;
    color: #051b28;
    float: left;
    -webkit-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
}

.Review-send {
    margin-top: 10px;
}

.Review-send .btn {
    width: 100px;
    height: 36px;
}

.Review-list li {
    padding: 10px 0;
    overflow: hidden;
    border-bottom: #efefef 1px solid;
}

.Review-list li .pic {
    width: 10%;
    float: left;
    display: block;
}

.Review-list li .pic img {
    width: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.Review-list li .text {
    width: 90%;
    float: right;
    padding-left: 10px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.Review-list li .bt .name {
    color: #333;
}

.Review-list li .bt .date {
    color: #999;
    float: right;
    font-size: 12px;
}

.Review .no-Review {
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
}

.Review .pingfen {
    margin-top: 12px;
}

.Review .pingfen li {
    padding-left: 26px;
    height: 28px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.Review .pingfen li img {
    width: 28px;
}

.Review .pingfen li .ico-radio {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.Review .Review-tra {
    margin-top: 12px;
    display: block;
    width: 100%;
    padding: 10px;
    height: 100px;
    border: #ebebeb 1px solid;
    background: #FFF;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.Review .Review-btn {
    width: 35%;
    padding: 0;
    height: 36px;
    line-height: 34px;
    font-size: 15px;
    margin-top: 12px;
    display: block;
}

.Review .view-more {
    padding: 30px 0 20px;
}

.Review .view-more .btn {
    border: #666 1px solid;
    background: #FFF;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 auto;
    width: 50%;
    padding: 0;
    margin: 0 auto;
    display: block;
}

.u-flyer {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border: #d30830 1px solid;
    background: #FFF;
    color: #d30830;
    font-size: 12px !important;
    position: fixed;
    z-index: 9999;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.u-flyer.active {
    opacity: 0;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.75, 1);
    transition: all 0.5s cubic-bezier(0.5, 1, 0.75, 1);
}

.ljgm-btn {
    height: 50px;
    line-height: 50px;
    width: 32.5%;
    float: left;
    text-align: center;
    font-size: 16px;
    background: #ee175d;
    color: #FFF;
    position: relative;
    z-index: 1;
}

.ljgm-btn.w50 {
    width: 50%;
}

.ljgm-btn.pa {
    right: 0;
    top: 0;
    position: absolute;
}

.ljgm-btn:hover {
    color: #FFF;
}

.ljgm-btn.add-car {
    background: #f54d80;
}

.bot-nav .full-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #ee175d;
    display: block;
    position: relative;
    z-index: 100;
    z-index: 2;
    color: #FFF;
    text-align: center;
    font-size: 18px;
}

.bot-nav .count-box {
    float: left;
    padding-left: 10px;
    font-size: 14px;
    line-height: 50px;
}

.bot-nav .count-box .unit {
    font-size: 18px;
}

.bot-nav .fav-btn {
    width: 17.5%;
    height: 50px;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #5f646e;
}

.bot-nav .fav-btn.br-line {
    border-right: #e1e1e1 1px solid;
}

.bot-nav .fav-btn:hover {
    color: #5f646e;
}

.bot-nav .fav-btn .ico20 {
    margin: 8px auto 0;
    position: relative;
}

.bot-nav .fav-btn p {
    line-height: 1;
    margin-top: 5px;
}

.bot-nav .fav-btn .ico-fav {
    background-position: -120px 0px;
}

.bot-nav .fav-btn .ico-fav.active {
    background-position: -144px 0px;
}

.bot-nav .fav-btn .ico-car2 {
    background-position: -168px 0px;
}

.bot-nav .fav-btn .car-num {
    position: absolute;
    top: -5px;
    left: 12px;
    font-style: normal;
    text-align: center;
    display: block;
    background: #FFF;
    padding: 0 5px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    color: #d30830;
    border: #d30830 1px solid;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

/*购物车数量*/
.amount {
    border: #ddd 1px solid;
    height: 23px;
    width: 96px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.amount a {
    width: 11px;
    height: 11px;
    padding: 6px;
    display: block;
    float: left;
    vertical-align: middle;
}

.amount a .icon {
    width: 11px;
    height: 11px;
    display: block;
}

.amount .Increase {
    border-right: #ddd 1px solid;
}

.amount .Increase .icon {
    background-position: -20px -24px;
}

.amount .Reduce {
    border-left: #ddd 1px solid;
}

.amount .Reduce .icon {
    background-position: -40px -24px;
}

.amount input {
    width: 38px;
    height: 23px;
    line-height: 20px;
    margin: 0px;
    padding: 0px 5px;
    border: none;
    background: #FFF;
    text-align: center;
    display: block;
    float: left;
    font-size: 12px;
}

.clear-bar {
    width: 100%;
    background: #FFF;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    background: #FFF;
    visibility: hidden;
    opacity: 0;
    border-top: #ccc 1px solid;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.5, 0, 1.0);
    transition: all 0.4s cubic-bezier(0.25, 0.5, 0, 1.0);
}

.clear-bar.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.clear-bar:before {
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: -5px;
    content: '';
    font-size: 0;
    display: block;
}

.clear-bar .info {
    border-bottom: #e1e1e1 1px solid;
    padding: 10px;
    position: relative;
}

.clear-bar .info.bn {
    border: none;
}

.clear-bar .info .imgbox {
    float: left;
    width: 20%;
    border: #e1e1e1 1px solid;
}

.clear-bar .info .text {
    width: 80%;
    float: left;
    padding: 0 34px 0 10px;
}

.clear-bar .info .text .name {
    font-size: 13px;
    line-height: 16px;
    height: 32px;
}

.clear-bar .info .text .count-box {
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
    color: #666;
}

.clear-bar .info .text .price {
    font-size: 16px;
    color: #d30830;
}

.clear-bar .info .close {
    width: 24px;
    padding: 0 10px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.clear-bar .info .close .ico-close {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    background-position: -150px -44px;
}

.clear-bar .tab {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.clear-bar .tab.arrow {
    padding-right: 32px;
}

.clear-bar .info .ico-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background-position: -140px -24px;
}

.clear-bar .info .ico-arrow.active {
    background-position: -160px -24px;
}

.clear-bar .info .bt {
    float: left;
}

.clear-bar .info .dsp {
    float: right;
    font-size: 14px;
}

.clear-bar .amount {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -14.5px;
    height: 27px;
    width: 120px;
}

.clear-bar .amount a {
    padding: 8px;
}

.clear-bar .amount input {
    width: 54px;
    height: 27px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 5px;
}

.clear-bar .size {
    padding: 0 10px 10px;
    border-bottom: #e1e1e1 1px solid;
    overflow: hidden;
}

.clear-bar .size dt {
    font-size: 16px;
    color: #999;
    width: 100%;
    clear: both;
    margin-top: 8px;
}

.clear-bar .size dd {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin: 8px 8px 0 0;
    border: #efefef 1px solid;
    color: #000;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.clear-bar .size dd.active {
    background: #ff8587;
    color: #FFF;
    border-color: #ff8587;
}

.clear-bar .text-box {
    padding: 10px;
    min-height: 100px;
    font-size: 14px;
}

.option-tips {
    width: 100%;
    height: 40px;
    padding: 5px 0;
    line-height: 20px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 98;
    top: 84px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
}

.bid-record li {
    border-bottom: #e5e5e5 1px solid;
    overflow: hidden;
    font-size: 13px;
    color: #737478;
}

.bid-record .item {
    float: left;
    height: 36px;
    display: block;
    line-height: 36px;
}

.bid-record .item1 {
    width: 30%;
}

.bid-record .item2 {
    width: 30%;
    text-align: center;
    color: #d30830;
}

.bid-record .item3 {
    width: 40%;
    text-align: right;
}

.bid-record .titles {
    font-weight: bold;
}

/*list-tab begin*/
.list-tab-pl10 {
    padding: 0 10px;
}

.list-tab .item {
    border-bottom: #e5e5e5 1px solid;
}

.list-tab .tap {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    background: #FFF;
    padding: 0 10px;
}

.list-tab .pl-20 {
    padding-left: 40px;
}

.list-tab .pl-24 {
    padding-left: 44px;
}

.list-tab .icon-24 {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
}

.list-tab .icon-24 img {
    width: 24px;
    height: 24px;
}

.list-tab .name {
    float: left;
}

.list-tab .dsp {
    float: right;
    color: #666;
}

.list-tab .arrow {
    padding-right: 25px;
}

.list-tab .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 7.5px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.list-tab .check {
    padding-right: 35px;
}

.list-tab .ico-check {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
}

.list-tab .add-addr {
    height: 11px;
    width: 11px;
    padding: 5px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -11.5px;
    border: #5f646e 1px solid;
    -webkit-border-radius: 21px;
    border-radius: 21px;
}

.icon-zffs {
    background-position: -270px -74px;
}

.icon-add {
    width: 11px;
    height: 11px;
    display: block;
    background-position: -20px -24px;
}

/*list-tab end*/
.order-addr {
    padding: 8px 10px 8px 44px;
    background: #fff;
    position: relative;
    margin-top: 10px;
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
    display: block;
}

.order-addr .icon-addr {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    background-position: -180px -44px;
}

.order-addr .name {
    font-size: 15px;
    color: #333;
    line-height: 24px;
}

.order-addr .info {
    line-height: 20px;
    color: #999;
    padding-right: 20px;
    position: relative;
    font-size: 13px;
    margin-top: 5px;
}

.order-addr .pr0 {
    padding-right: 0;
}

.order-addr .ico-arrow {
    display: block;
    position: absolute;
    right: -2.5px;
    top: 4px;
    width: 12px;
    height: 12px;
    background-position: -60px -24px;
}

.plist2 li {
    margin-top: 10px;
    background: #FFF;
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
}

.plist2 .tap {
    padding: 8px;
}

.plist2 .imgbox {
    width: 25%;
    float: left;
    border: #eee 1px solid;
}

.plist2 .text-box {
    width: 75%;
    float: left;
    padding-left: 10px;
}

.plist2 .flag {
    height: 18px;
    line-height: 16px;
    vertical-align: middle;
    margin-left: 2px;
    font-size: 9px;
    padding: 0 5px;
}

.plist2 .name {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 22px;
}

.plist2 .price-box {
    height: 24px;
    line-height: 24px;
    color: #999;
}

.plist2 .price-box .unit {
    font-size: 18px;
}

.plist2 .price-box .num {
    font-size: 14px;
    float: right;
}

.plist2 .opn {
    padding: 10px;
    border-top: #e5e5e5 1px solid;
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.plist2 .opn .btn {
    height: 32px;
    line-height: 30px;
    margin-left: 10px;
    min-width: 80px;
}

.title-bt {
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin: 20px 10px 0;
}

.success {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.success img {
    display: inline-block;
    max-width: 64px;
}

.success .dsp {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    color: #333;
}

.success .opn {
    margin-top: 20px;
}

.success .opn .btn {
    min-width: 30%;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
}

.Sort {
    background: #FFF;
    padding-bottom: 10px;
}

.Sort .ads {
    position: relative;
    z-index: 1;
    display: block;
}

.Sort .ads .arrow {
    display: block;
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.Sort .ads img {
    width: 100%;
}

.Sort .ads .bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.Sort .ads .text {
    width: 50%;
    height: 3em;
    line-height: 3em;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    z-index: 2;
    left: 25%;
    top: 50%;
    text-align: center;
    font-size: 18px;
    color: #000;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Sort .ads .text:after {
    content: '';
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px;
    position: absolute;
    left: -4px;
    top: -4px;
    border: rgba(255, 255, 255, 0.9) 2px solid;
}

.Sort .Sort-list {
    margin: 0 0 0 10px;
}

.Sort .Sort-list li {
    padding: 10px 10px 0 0;
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.Sort .Sort-list li a {
    border: #dfdfdf 1px solid;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.Sort .Sort-list li.active a {
    border-color: #ee175d;
    color: #ee175d;
}

.Sort .Sort-box {
    position: relative;
    margin: 35px 10px 0 10px;
    border: #dfdfdf 1px solid;
    padding: 30px 0 15px 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.Sort .Sort-box .name {
    width: 50%;
    height: 28px;
    line-height: 28px;
    border: #dfdfdf 1px solid;
    text-align: center;
    font-size: 14px;
    color: #ee175d;
    background: #FFF;
    display: block;
    position: absolute;
    left: 25%;
    top: -15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.Sort .Sort-box ul {
    display: none;
}

.Sort .Sort-box ul.active {
    display: block;
}

.Sort .Sort-box ul li {
    float: left;
    line-height: 28px;
    font-size: 14px;
    margin-right: 20px;
}

.Sort .Sort-box ul li a {
    display: block;
}

.Brand-title {
    margin: 20px 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.Brand-list {
    margin: 0 4px 0 10px;
}

.Brand-list li {
    width: 33.33%;
    float: left;
    margin-top: 6px;
    padding-right: 6px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.Brand-list li .imgbox {
    border: #efefef 1px solid;
}

.Brand-info .ads {
    position: relative;
}

.Brand-info .ads img {
    width: 100%;
}

.Brand-info .text-box {
    margin: 15% 10% 10%;
    font-size: 14px;
}

.Brand-info .info {
    width: 80%;
    position: absolute;
    z-index: 2;
    left: 10%;
    bottom: 0;
    height: 60px;
    padding: 10px 0px;
    border: #e5e5e5 1px solid;
    background: #fff;
    transform: translateY(50%);
}

.Brand-info .info .imgbox {
    height: 40px;
    border-right: #e5e5e5 1px solid;
    padding: 0 5px;
    float: left;
}

.Brand-info .info .imgbox img {
    width: auto;
    height: 40px;
}

.Brand-info .info .text {
    float: left;
    padding-left: 8px;
}

.Brand-info .info .name {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #333;
}

.Brand-info .info .country {
    padding-left: 28px;
    color: #999;
    position: relative;
    height: 20px;
    line-height: 20px;
}

.Brand-info .info .country img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.Brand-info .opn {
    margin-top: 20px;
}

.Brand-info .opn .btn {
    height: 36px;
    line-height: 34px;
    display: block;
    padding: 0;
    width: 100%;
    font-size: 15px;
}

.Brand-info .opn .btn .ico16 {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 8px 0 0;
    background-position: -200px -104px;
}

.Brand-info .opn .btn .ico16.active {
    background-position: -220px -104px;
}

.filter-bar {
    width: 100%;
    left: 0;
    background: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.filter-bar.active {
    position: fixed;
    top: 44px;
}

.filter-bar:before {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #e5e5e5;
}

.fb-nav .tab {
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fb-nav .tap {
    color: #999;
}

.fb-nav .active {
    color: #ee175d;
}

.fb-nav .active .tap {
    color: #ee175d;
}

.fb-nav .arrow {
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 4px;
    position: relative;
}

.fb-nav .icon-arrow-t {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 2px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #999;
}

.fb-nav .icon-arrow-t.current {
    border-bottom-color: #ee175d;
}

.fb-nav .icon-arrow-b {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
}

.fb-nav .icon-arrow-b.current {
    border-bottom-color: #ee175d;
}

.filter-area {
    width: 100%;
    height: 280px;
    background: #f2f2f2;
    position: fixed;
    left: 0;
    top: 84px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.filter-area.active {
    visibility: visible;
    opacity: 1;
}

.filter-box {
    width: 33.33%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.filter-box.active {
    visibility: visible;
}

.filter-box.w-thirds {
    width: 66.67%;
    left: 33.33%;
}

.filter-box.w-100 {
    width: 100%;
}

.filter-scroll {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
    overflow: hidden;
}

.filter-scroller {
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter-tab {
}

.filter-tab .tap {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: #e1e1e1 1px solid;
    border-right: #e1e1e1 1px solid;
    font-size: 14px;
    background: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.filter-tab .active {
    background: #f2f2f2;
    border-right: none;
    color: #ff5000;
}

.filter-tab .tap .num {
    float: right;
}

.w-thirds .filter-tab .tap {
    border-right: none;
    background: none;
    color: #666;
}

.w-100 .filter-tab .tap {
    border-right: none;
    text-align: center;
    height: 56px;
    line-height: 56px;
}

.class {
    width: 25%;
    height: 100%;
    padding: 44px 0 50px 0;
    position: fixed;
    z-index: 99;
    background: #f3f4f8;
    left: 0;
    top: 0px;
}

.class-box {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.class-nav {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.class-nav .scroll-box {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.class-nav .scroll-box li a {
    padding-left: 10px;
    color: #333;
    line-height: 42px;
    height: 42px;
    padding-top: 1px;
    border-bottom: #e5e5e5 1px solid;
    display: block;
    font-size: 14px;
}

.class-nav .scroll-box .active a {
    background: #fff;
    color: #ee175d;
    position: relative;
}

.fresh {
    margin-left: 25%;
    background: #FFF;
}

.fresh-title {
    margin: 0 8px;
    height: 42px;
    padding-top: 1px;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #333438;
    border-bottom: #e5e5e5 1px solid;
    position: relative;
    padding-left: 23px;
}

.fresh-title .icon-line {
    width: 3px;
    height: 14px;
    display: block;
    background: #ee175d;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
}

.fresh-list {
    margin: 0 8px;
}

.fresh-list .item {
    width: 33.33%;
    float: left;
    background: #FFF;
}

.fresh-list .tap {
    padding: 8px;
}

.fresh-list .name {
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
    font-size: 14px;
    color: #999;
}

.group-list .item {
    border-bottom: #e5e5e5 1px solid;
}

.group-list .tap {
    padding: 8px;
}

.group-list .time {
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    color: #e23552;
    font-size: 14px;
}

.group-list .icon-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background-position: -96px 0;
}

.group-list .name {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    overflow: hidden;
}

.group-list .dsp {
    max-height: 60px;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    color: #535458;
    margin-top: 5px;
}

.group-list .info {
    height: 32px;
    line-height: 32px;
    margin-top: 8px;
    position: relative;
}

.group-list .tags {
    width: 48px;
    height: 36px;
    display: block;
    padding: 6px 0;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    position: absolute;
    z-index: 2;
    left: 13px;
    top: 13px;
    background: #e23552;
    background: rgba(226, 53, 82, 0.75);
    -webkit-border-radius: 48px;
    border-radius: 48px;
}

.group-list .info-text {
    width: 70%;
    float: left;
    height: 32px;
    font-size: 14px;
    text-align: center;
    background: #000;
    color: #FFF;
    -webkit-border-radius: 32px 0 0 32px;
    border-radius: 32px 0 0 32px;
}

.group-list .btns {
    width: 30%;
    float: left;
    height: 32px;
    background: #e23552;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    -webkit-border-radius: 0 32px 32px 0;
    border-radius: 0 32px 32px 0;
}

.group-list .unit {
    font-size: 18px;
    font-weight: bold;
}

.group-list .price-box {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    color: #999;
    font-size: 14px;
}

.car-title {
    height: 24px;
    line-height: 24px;
    border-bottom: #efefef 1px solid;
    font-size: 14px;
    background: #FFF;
    position: relative;
    padding: 10px 10px 10px 38px;
}

.car-title .ico-check {
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}

.car-list li {
    background: #FFF;
    border-bottom: #e5e5e5 1px solid;
    position: relative;
}

.car-list .slide {
    padding: 10px 0 10px 38px;
    position: relative;
    z-index: 2;
    background: #FFF;
    overflow: hidden;
}

.car-list .slide.active {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}

.car-list li .dels {
    width: 20%;
    height: 100%;
    background: #d30830;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.car-list .dels span {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1em;
}

.car-list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.car-list .item1 {
    width: 18px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
}

.car-list .item2 {
    width: 22%;
    float: left;
    border: #ebebeb 1px solid;
}

.car-list .item2 img {
    width: 100%;
    display: block;
}

.car-list .item3 {
    width: 78%;
    padding: 0 10px;
    float: left;
}

.car-list .item3 .name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    width: 75%;
    float: left;
}

.car-list .item3 .num {
    width: 25%;
    float: right;
    text-align: right;
    line-height: 18px;
}

.car-list .opns {
    height: 25px;
    margin-top: 1px;
    position: relative;
}

.car-list .opns .amount {
    display: block;
    float: left;
}

.car-list .opns .del {
    width: 16px;
    height: 16px;
    padding: 4px 10px;
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -12px;
}

.car-list .opns .ico-del {
    width: 16px;
    height: 16px;
    display: block;
    background-position: -80px -24px;
}

.car-list .item4 {
    width: 25%;
    font-size: 12px;
    padding: 0 10px;
    line-height: 1.6;
    vertical-align: top;
    text-align: right;
}

.car-list .info {
    padding: 5px 0;
    line-height: 1.65;
    border-top: #efefef 1px solid;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
}

.car-list .opn {
    padding-top: 10px;
    background: #FFF;
    margin-bottom: -1px;
    font-size: 0;
    line-height: 0;
    text-align: right;
    border-top: #efefef 1px solid;
    padding-right: 10px;
}

.car-list .opn .btn {
    height: 28px;
    line-height: 26px;
    margin-left: 10px;
    font-size: 12px;
}

.car-list-order li {
    padding-left: 10px;
}

.car-list-order .item3 {
    width: 55%;
    font-size: 12px;
    padding-left: 10px;
    line-height: 1.6;
    vertical-align: top;
}

.car-list-order .item3 .name {
    line-height: 18px;
}

.car-list-order .item4 {
    width: 25%;
    font-size: 12px;
    padding: 0 10px;
    line-height: 1.6;
    vertical-align: top;
    text-align: right;
}

.car .counts {
    padding: 10px;
    color: #999;
    line-height: 2;
    font-size: 13px;
}

.car .counts .item {
    display: inline-block;
    vertical-align: middle;
}

.car .counts .item1 {
    float: left;
}

.car .counts .item2 {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.car .counts .item3 {
    float: right;
    text-align: right;
}

.car .counts .opn {
    clear: both;
    float: none;
    margin-top: 10px;
    text-align: right;
}

.car .counts .opn .btn {
    width: 30%;
    padding: 0;
    height: 36px;
    line-height: 34px;
}

.limit-money {
    float: right;
    padding: 5px 10px;
    background: #fff8fa;
    border: #ee175d 1px solid;
    line-height: 20px;
    margin: 10px 0;
    color: #333;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.limit-money .icon-view {
    background-position: -120px -24px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.login-bg {
    /*background-image: url(/images/login-bg.jpg);*/
    background-color: #ee175d;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.login {
    padding: 0 7%;
    width: 86%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login .logos {
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin-top: 0;
}

.login .logos img {
    width: 50%;
    display: inline-block;
}

.login-form {
    margin-top: 10px;
}

.login-form li {
    margin-top: 20px;
}

.login-form li .input-box {
    height: 46px;
    border: #FFF 1px solid;
    position: relative;
    padding: 0 10px 0 44px;
}

.login-form li .ico24 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
}

.ico-yhm {
    background-position: -210px -44px;
}

.ico-pwd {
    background-position: -240px -44px;
}

.login-txt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    display: block;
    padding: 11px 0;
    background: none;
    color: #FFF;
    font-size: 14px;
}

.login-txt::-webkit-input-placeholder {
    color: #FFF;
}

.login-btn {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: rgba(255, 255, 255, 0.75);
    font-size: 24px;
    color: #d30830;
    -webkit-border-radius: 27px;
    border-radius: 27px;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

.login-dsp {
    margin-top: 16px;
    line-height: 1;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}

.login-form li .wjmm {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    font-size: 14px;
    color: #FFF;
    position: absolute;
    right: 0;
    top: -1px;
    display: block;
    opacity: 0.5;
}

.opacity5 {
    color: rgba(255, 255, 255, 0.5);
}

/*表单 start*/
.form-list .item {
    border-bottom: #e5e5e5 1px solid;
    background: #FFF;
    position: relative;
    font-size: 14px;
}

.f-list-pl2 {
    padding-left: 3em;
}

.f-list-pl4 {
    padding-left: 5em;
}

.f-list-pl5 {
    padding-left: 6em;
}

.f-list-pl6 {
    padding-left: 7em;
}

.f-list-pl7 {
    padding-left: 8em;
}

.f-list-icon {
    padding-left: 44px !important;
}

.form-list .arrow {
    padding-right: 20px;
}

.form-list .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 7.5px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.form-list .name {
    height: 44px;
    line-height: 44px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -22px;
}

.f-list-mt10 .item {
    margin-top: 10px;
    border-top: #e5e5e5 1px solid;
}

.form-list .txt {
    width: 100%;
    display: block;
    height: 44px;
    padding: 12px 10px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    border: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-list .tap {
    height: 44px;
    line-height: 44px;
}

.form-list textarea.txt {
    height: 200px;
}

.form-list .getyzm {
    width: 100px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    font-size: 12px;
    padding: 0;
}

.form-list .text {
    height: 44px;
    padding: 0 10px;
}

.form-list .on-off {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}

.form-list .mrdz {
    height: 36px;
    line-height: 18px;
    padding: 4px 0;
    font-size: 12px;
    color: #ccc;
    float: left;
}

.form-list .slt-addrs {
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #999;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    display: block;
    padding-left: 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.id-photo-upload {
    width: 40px;
    height: 40px;
    float: left;
    margin: 10px 0 10px 12px;
}

.form-list .icon-24 {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
}

.form-list .icon-phone {
    background-position: 0px -200px;
}

.form-list .icon-codes {
    background-position: -60px -200px;
}

.form-list .icon-uname {
    background-position: -30px -200px;
}

.form-list .icon-password {
    background-position: -90px -200px;
}

.form-list .icon-bank {
    background-position: -120px -260px;
}

.form-list .yzm {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -16px;
    height: 30px;
    display: block;
    border: #e5e5e5 1px solid;
}

.form-list .yzm img {
    height: 100%;
}

/*表单 end*/
.address-list {
}

.address-list .item {
    padding: 10px 48px 10px 10px;
    overflow: hidden;
    background: #FFF;
    position: relative;
    margin-top: 10px;
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
}

.address-list .ico-check {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin: 0px;
    margin-top: -8px;
}

.address-list .name {
    font-size: 15px;
    color: #333;
    line-height: 24px;
}

.address-list .info {
    line-height: 20px;
    color: #999;
    font-size: 13px;
    margin-top: 5px;
}

.address-list .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 7.5px;
    top: 50%;
    margin-top: -6px;
    background-position: -120px 0px;
}

.address-list li .link {
    width: 100%;
    height: 100%;
    display: block;
    width: 100%;
    padding-right: 24px;
}

.address-list .flag {
    padding: 1px 5px;
    background: #fa6567;
    color: #FFF;
    margin-right: 5px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.address-list .edit {
    background: #26ADFA;
    color: #FFF;
}

.address-list.pr10 .item {
    padding-right: 10px;
}

.address-list .opn {
    font-size: 14px;
    float: right;
}

.address-list .opn .line {
    width: 1px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 10px;
    background: #CCC;
}

.user-bar {
    background: #ee175d;
    padding: 15px 0 12px;
}

.user-bar-bg {
    background-image: url(/images/user-bg.jpg);
    background-position: left center;
    background-color: #ee175d;
    padding-bottom: 0px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.user-bar .avatar {
    width: 16%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.3);
    padding: 3px;
}

.user-bar .avatar img {
    width: 100%;
}

.user-bar .name {
    font-size: 15px;
    line-height: 24px;
    margin-top: 8px;
    text-align: center;
    color: #FFF;
}

.ub-income {
    margin: 0 10px;
    color: #FFF;
    margin-top: 10px;
    border-top: rgba(255, 255, 255, 0.25) 1px solid;
    padding-top: 10px;
}

.ub-income li {
    width: 50%;
    float: left;
}

.ub-income .bt {
    font-size: 16px;
    line-height: 24px;
}

.ub-income .money {
    font-size: 26px;
    line-height: 1;
    padding-top: 5px;
}

.ub-income .small {
    font-size: 18px;
}

.commission {
    height: 48px;
    line-height: 48px;
    display: block;
    margin: 10px 10px 0;
    border-top: rgba(255, 255, 255, 0.25) 1px solid;
    font-size: 15px;
    color: #FFF;
    position: relative;
}

.commission .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    background-position: -200px -24px;
}

.user-nav {
    background: #FFF;
    margin-top: 10px;
    border-top: #efefef 1px solid;
    border-bottom: #efefef 1px solid;
}

.user-nav .tab {
    width: 25%;
    display: block;
    padding: 10px 0;
    text-align: center;
    float: left;
}

.user-nav .icon {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.user-nav .carnum {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    position: absolute;
    right: -8px;
    top: -8px;
    background: #e23552;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

.user-nav .ico-dfk {
    background-position: -150px -74px;
}

.user-nav .ico-dfh {
    background-position: -180px -74px;
}

.user-nav .ico-dsh {
    background-position: -210px -74px;
}

.user-nav .ico-dpj {
    background-position: -240px -74px;
}

.user-nav p {
    font-size: 14px;
    color: #666;
    line-height: 1;
    margin-top: 10px;
}

.user-menu {
    background: #FFF;
    margin-top: 10px;
}

.user-menu .item {
    padding: 0 10px;
}

.user-menu .ico {
    width: 16px;
    height: 16px;
    padding: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.user-menu .ico .icon {
    width: 16px;
    height: 16px;
    display: block;
}

.user-menu .u-ddgl {
    background-color: #ee175d;
}

.user-menu .icon-ddgl {
    background-position: 0px -104px;
}

.user-menu .u-thh {
    background-color: #007b8b;
}

.user-menu .icon-thh {
    background-position: -240px -104px;
}

.user-menu .u-scyhq {
    background-color: #3cb6d2;
}

.user-menu .icon-scyhq {
    background-position: -20px -104px;
}

.user-menu .u-vipthq {
    background-color: #f36279;
}

.user-menu .icon-vipthq {
    background-position: -260px -104px;
}

.user-menu .u-wdyfk {
    background-color: #f5b324;
}

.user-menu .icon-wdyfk {
    background-position: -280px -104px;
}

.user-menu .u-wdsc {
    background-color: #ffae00;
}

.user-menu .icon-wdsc {
    background-position: -80px -104px;
}

.user-menu .u-wdtg {
    background-color: #08bbe2;
}

.user-menu .icon-wdtg {
    background-position: 0px -180px;
}

.user-menu .u-address {
    background-color: #6c3b5e;
}

.user-menu .icon-address {
    background-position: -40px -104px;
}

.user-menu .u-zjgl {
    background-color: #d89b2b;
}

.user-menu .icon-zjgl {
    background-position: -20px -180px;
}

.user-menu .u-faq {
    background-color: #26ADFA;
}

.user-menu .icon-faq {
    background-position: -80px -104px;
}

.user-menu .u-help {
    background-color: #3daf2c;
}

.user-menu .icon-help {
    background-position: -100px -104px;
}

.user-menu .u-tel {
    background-color: #2a2b39;
}

.user-menu .icon-tel {
    background-position: -120px -104px;
}

.user-menu .u-kfzx {
    background-color: #d30830;
}

.user-menu .icon-kfzx {
    background-position: -140px -104px;
}

.user-menu .u-set {
    background-color: #2a2b39;
}

.user-menu .icon-set {
    background-position: -160px -104px;
}

.user-menu .tels {
    line-height: 16px;
    padding-top: 7px;
    font-size: 16px;
}

.user-menu .tels span {
    color: #999;
    font-size: 12px;
}

.user-menu .tap {
    padding: 0 0 0 34px;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    display: block;
    border-bottom: #efefef 1px solid;
}

.user-menu .text.tel {
    line-height: 16px;
}

.user-menu .text.tel span {
    color: #999;
    font-size: 12px;
}

.user-menu .icon-arrow {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.user-menu li:last-child .tap {
    border: none;
}

.menu-bar {
    height: 40px;
    background: #FFF;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 99;
}

.menu-bar.active {
    position: fixed;
    top: 44px;
}

.menu-bar:before {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #e5e5e5;
    z-index: 1;
}

.menu-bar li {
    height: 40px;
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
}

.menu-bar a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 2px 0;
    font-size: 14px;
    color: #888;
}

.menu-bar .active a {
    border-bottom: #e23552 2px solid;
    color: #e23552;
    padding-bottom: 0;
}

.menu-bar-w50 li {
    width: 50%;
}

.menu-bar-w30 li {
    width: 33.33%;
}

.MyOrder {
    padding-bottom: 10px;
}

.MyOrder li {
    margin-top: 10px;
    background: #FFF;
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
}

.MyOrder .bt-n {
    border: none;
}

.MyOrder .tap {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: #eee 1px solid;
}

.MyOrder .bt-n {
    border: none;
}

.MyOrder .imgbox {
    width: 20%;
    float: left;
    border: #e1e1e1 1px solid;
}

.MyOrder .text-box {
    width: 80%;
    float: left;
    padding-left: 10px;
}

.MyOrder .name {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
}

.MyOrder .price {
    height: 20px;
    line-height: 20px;
    color: #999;
}

.MyOrder .price .unit {
    font-size: 14px;
}

.MyOrder .opn {
    padding: 10px;
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.MyOrder .opn .btn {
    height: 30px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    padding: 0 5px;
    min-width: 72px;
    font-size: 13px;
}

.MyOrder .title {
    padding: 10px;
    line-height: 1.8;
    font-size: 13px;
    border-bottom: #e1e1e1 1px solid;
    color: #999;
}

.MyOrder .num {
    float: right;
    color: #333;
}

.MyOrder .counts {
    padding: 8px 0;
    border-bottom: #eee 1px solid;
    text-align: right;
    margin: 0 10px;
}

.MyOrder .count-s {
    padding: 10px;
    line-height: 2;
    font-size: 14px;
}

.MyOrder .titles {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    margin: 0 10px;
    border-bottom: #ebebeb 1px solid;
}

.MyOrder-info {
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
    padding: 10px;
    line-height: 2;
    background: #FFF;
}

.MyOrder-info .text {
    float: left;
    color: #999;
}

.MyOrder-info .opns {
    float: right;
    text-align: right;
}

.MyOrder-info .opns .btn {
    height: auto;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    min-width: 80px;
    padding: 8% 5%;
    font-size: 12px;
    margin-top: 5%;
}

.msg-box {
    padding: 2.5% 5%;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 998;
    left: 50%;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0, 0.75, 1.0);
    transition: all 0.2s cubic-bezier(0.25, 0, 0.75, 1.0);
}

.msg-box.active {
    visibility: visible;
    opacity: 1;
    bottom: 60px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.wlxx-info {
    padding: 10px 10px 10px 36px;
    background: #FFF;
    position: relative;
    line-height: 1.8;
}

.wlxx-info .title {
    font-size: 14px;
    color: #333;
    padding-bottom: 5px;
}

.icon-wlxx {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 10px;
    top: 13px;
    background-position: -100px -24px;
}

.wlxx-box {
    padding: 20px 10px 5px;
    background: #FFF;
    margin-top: 10px;
}

.wlxx-box ul {
    position: relative
}

.wlxx-box ul {
    position: relative;
    z-index: 100;
}

.wlxx-box .line {
    height: 100%;
    border-left: #6fa220 1px dotted;
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 99;
}

.wlxx-box ul li {
    line-height: 16px;
    color: #999;
    position: relative;
    padding-bottom: 15px;
    padding-left: 24px;
}

.wlxx-box .ico {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 101;
}

.wlxx-box ul li .ico:before {
    width: 50%;
    height: 50%;
    display: block;
    position: absolute;
    z-index: 100;
    left: 25%;
    top: 25%;
    background: #84c225;
    content: "#";
    font-size: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.wlxx-box ul li .ico:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    background: #84c225;
    opacity: 0.5;
    content: "#";
    font-size: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.wlxx-box ul .active {
    color: #d30830;
}

.wlxx-box ul .active .ico:before {
    background: #d30830;
}

.wlxx-box ul .active .ico:after {
    background: #d30830;
}

.sqth-form {
    padding: 0 10px;
}

.sqth-form li {
    font-size: 14px;
    margin-top: 10px;
    padding-left: 6em;
    position: relative;
}

.sqth-form .name {
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 10px;
}

.sqth-form .text {
    height: 40px;
    line-height: 40px;
}

.sqth-form .input-txt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    display: block;
}

.sqth-form .input-txt.input-tra {
    height: 80px;
    line-height: 20px;
}

.sqth-form .upload {
    padding-left: 0;
    overflow: hidden;
    padding-bottom: 20px;
}

.sqth-form .upload a {
    display: block;
    width: 15%;
    float: left;
    margin-right: 6.25%;
}

.sqth-form .upload a img {
    width: 100%;
}

.sqth-form .upload a:last-child {
    margin-right: 0;
}

.Red-envelopes {
    margin: 0 10px 10px;
}

.Red-envelopes li {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.Red-envelopes li .ico-check {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    z-index: 100;
}

.Red-envelopes li .price {
    width: 34%;
    float: left;
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
}

.Red-envelopes li .price img {
    width: 100%;
}

.Red-envelopes li .price .number {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 1;
    color: #FFF;
    font-size: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Red-envelopes li .price .number .small {
    font-size: 18px;
}

.Red-envelopes li .bg {
    width: 95%;
    height: 100%;
    background: #FFF;
    position: absolute;
    right: 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.Red-envelopes li .info {
    width: 60%;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 4;
    line-height: 1.8;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Red-envelopes li .info .name {
    color: #666;
    font-size: 14px;
}

.Red-envelopes li .info .date {
    color: #999;
    font-size: 12px;
}

.Red-envelopes li .flag {
    height: 100%;
    position: absolute;
    right: -10px;
    top: 15%;
    z-index: 1;
}

.Red-envelopes li .flag img {
    height: 100%;
}

.my-ewm {
    width: 50%;
    background: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);

}

.my-ewm .imgbox {
    margin: 10px;
}

.my-ewm .name {
    padding: 10px;
    border-top: #e5e5e5 1px solid;
    text-align: center;
    font-size: 18px;
}

.my-member .item {
    padding: 10px;
    margin-top: 10px;
    background: #FFF;
    border-bottom: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
    font-size: 13px;
    line-height: 22px;
    color: #888;
}

.Listing {
    margin-bottom: 10px;
}

.Listing li {
    background: #FFF;
    border-top: #ebebeb 1px solid;
    border-bottom: #ebebeb 1px solid;
    margin-top: 10px;
}

.Listing .tap {
    padding: 8px 10px;
    color: #999;
}

.Listing .item {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    overflow: hidden;
}

.Listing .name {
    float: left;
    font-size: 14px;
    color: #666;
}

.Listing .dsp {
    float: right;
}

.Listing .date {
    float: left;
    font-size: 12px;
}

.Listing .remark {
    border-top: #eeeeef 1px solid;
    padding-top: 8px;
    margin-top: 5px;
}

.funds-nav {
    padding: 10px 0;
    text-align: center;
    background: #e23552;
    margin-top: 10px;
}

.funds-nav li {
    float: left;
    line-height: 16px;
    color: #FFF;
    width: 33.33%;
    border-right: rgba(255, 255, 255, 0.2) 1px solid;
    font-size: 14px;
}

.funds-nav li:last-child {
    border: none;
}

.loadmore {
    margin-top: 10px;
}

.loadmore .btn {
    border: #dfdfdf 1px solid;
    width: 100%;
    padding: 0px;
    line-height: 34px;
    height: 36px;
    background: #FFF;
    color: #666;
}

.show-title {
    padding-bottom: 10px;
    border-bottom: #dfdfdf 1px solid;
}

.show-title .name {
    font-size: 14px;
    font-weight: bold;
}

.hot-word {
    margin: 10px 10px 0;
}

.hot-word.mlr0 {
    margin: 10px 0 0;
    padding-bottom: 10px;
}

.hot-word dt {
    font-size: 14px;
    font-weight: bold;
}

.hot-word dd {
    float: left;
    margin: 10px 10px 0 0;
}

.hot-word dd a {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    display: block;
    border: #dfdfdf 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.hot-word .active a {
    color: #FFF;
    background: #d30830;
    border-color: #d30830;
}

.input-tra {
    height: 80px;
}

.help-list {
    background: #FFF;
    padding: 10px;
    margin-top: 10px;
}

.help-list dt {
    height: 40px;
    line-height: 40px;
    border-bottom: #efefef 1px solid;
    color: #ee175d;
    font-size: 16px;
}

.help-list dd {
    height: 39px;
    line-height: 38px;
    border-bottom: #efefef 1px solid;
    font-size: 14px;
}

.help-list dd a {
    display: block;
    height: 39px;
    position: relative;
    padding-right: 40px;
}

.help-list .icon-arrow {
    background-position: -60px -24px;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.n-box {
    padding: 15px 10px 20px;
}

.n-box .title {
    font-size: 15px;
    font-weight: bold;
}

.n-box .date {
    color: #999;
    padding: 10px 0;
    border-bottom: #efefef 1px solid;
}

.n-box .content {
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}

.user-info-set {
    padding: 10px;
    background: #FFF;
    position: relative;
}

.user-info-set .imgbox {
    width: 15%;
    float: left;
}

.user-info-set .info {
    width: 85%;
    float: left;
    line-height: 22px;
    font-size: 14px;
    padding-left: 10px;
}

.user-info-set .dsp {
    height: 24px;
    line-height: 24px;
    display: block;
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    padding-right: 20px;
}

.user-info-set .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.user-info-set .flag {
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border: #2ec225 1px solid;
    color: #2ec225;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.set-nav {
    padding: 0 10px;
    background: #FFF;
    margin-top: 10px;
}

.set-nav li {
    border-bottom: #efefef 1px solid;
}

.set-nav li:last-child {
    border: none;
}

.set-nav .tap {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding: 0 20px 0 34px;
}

.set-nav .name {
    float: left;
    color: #333;
}

.set-nav .dsp {
    float: right;
    color: #999;
}

.set-nav .icon-24 {
    width: 24px;
    height: 24px;
    font-size: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    color: #5f646e;
}

.set-nav .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.set-nav .ico-check {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.set-nav .icon-grzl {
    background-position: -60px -150px;
}

.set-nav .icon-smrz {
    background-position: -90px -150px;
}

.set-nav .icon-sjbd {
    background-position: -120px -150px;
}

.set-nav .icon-xgmm {
    background-position: -150px -150px;
}

.set-nav .icon-clear {
    background-position: -180px -150px;
}

.U-Accounts-guize {
    margin: 30px;
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.A-img-w30 {
    width: 40%;
    margin: 0 auto;
}

.protocol {
    height: 24px;
    line-height: 24px;
    margin: 20px 20px;
    color: #999;
    padding-left: 28px;
    position: relative;
    font-size: 14px;
}

.protocol .ico-check {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.single-page {
    padding: 0 10px 10px;
}

.single-page-title {
    font-size: 15px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    border-bottom: #e5e5e5 1px solid;
}

.single-page-text {
    margin-top: 10px;
    line-height: 2;
    font-size: 13px;
}

/*business start*/
.business-nav {
    border-top: #e5e5e5 1px solid;
    margin: 10px 0;
}

.business-nav li {
    width: 33.33%;
    float: left;
    border-bottom: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
}

.business-nav li:nth-child(3n) {
    border-right: none;
}

.business-nav .tap {
    width: 100%;
    color: #5f646e;
    padding: 20px 0;
    text-align: center;
}

.business-nav .icon-24 {
    margin: 0 auto;
}

.business-nav p {
    margin-top: 12px;
    font-size: 15px;
}

.business-nav .icon-wyjh {
    background-position: 0px -230px;
}

.business-nav .icon-dpzx {
    background-position: -30px -230px;
}

.business-nav .icon-wddp {
    background-position: -60px -230px;
}

.business-nav .icon-wdsr {
    background-position: -90px -230px;
}

.business-nav .icon-ddgl {
    background-position: -120px -230px;
}

.business-nav .icon-wdtd {
    background-position: -150px -230px;
}

.business-nav .icon-wysc {
    background-position: -180px -230px;
}

.business-nav .icon-fxdp {
    background-position: -210px -230px;
}

.business-nav .icon-fxgg {
    background-position: -240px -230px;
}

.b-nlist .item {
    border-bottom: #e5e5e5 1px solid;
}

.b-nlist a {
    padding: 8px 10px;
    display: block;
    line-height: 20px;
    color: #ee175d;
}

.bot-nav .icon-ddgl {
    background-position: -120px -230px;
}

.bot-nav .icon-wdsr {
    background-position: -90px -230px;
}

.bot-nav .icon-wddp {
    background-position: -60px -230px;
}

.bot-nav .active .icon-ddgl {
    background-position: -180px -200px;
}

.bot-nav .active .icon-wdsr {
    background-position: -150px -200px;
}

.bot-nav .active .icon-wddp {
    background-position: -120px -200px;
}

.shop-bg {
    padding: 10px;
    background: #FFF;
}

.shop-bg .btn .icon-upimg {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0 0;
    background-position: -210px -200px;
}

.shop-bg-default {
    padding: 10px;
}

.shop-bg-default img {
    width: 100%;
}

.myshop-logo {
    position: relative;
    z-index: 1;
}

.myshop-logo img {
    width: 100%;
}

.myshop-info {
    padding: 0 10px 15px;
    position: relative;
    z-index: 2;
}

.myshop-info .avatar {
    width: 80px;
    padding: 4px;
    margin: -44px auto 0;
    background: rgba(255, 255, 255, 0.5);
}

.myshop-info .avatar img {
    width: 100%;
}

.myshop-info .name {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.myshop-info-data {
    margin-top: 10px;
}

.myshop-info-data li {
    width: 50%;
    float: left;
    line-height: 24px;
    height: 48px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.myshop-info-data span {
    color: #000;
    font-size: 18px;
}

.myshop-info-data .br-line {
    border-right: #e5e5e5 1px solid;
}

.myshop-nav {
    background-image: url(/images/user-bg.jpg);
    background-position: left center;
    background-color: #ee175d;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.myshop-nav li {
    width: 50%;
    float: left;
}

.myshop-nav .tap {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
}

.myshop-nav .br-line {
    border-right: rgba(255, 255, 255, 0.25) 1px solid;
}

.myincome-info {
    background-image: url(/images/user-bg.jpg);
    background-position: left center;
    background-color: #ee175d;
    padding: 0 10px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.myincome-info-srmx {
    height: 48px;
    line-height: 48px;
    display: block;
    border-top: rgba(255, 255, 255, 0.25) 1px solid;
    font-size: 15px;
    color: #FFF;
    position: relative;
    padding: 0 20px 0 34px;
}

.myincome-info-srmx .icon-24 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.myincome-info-srmx .icon-txye {
    background-position: -240px -200px;
}

.myincome-info-srmx .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    background-position: -200px -24px;
}

.myincome-info-srmx .price {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.mi-income {
    color: #FFF;
    border-top: rgba(255, 255, 255, 0.25) 1px solid;
    padding: 15px 0;
}

.mi-income li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 14px;
}

.mi-income .br-line {
    border-right: rgba(255, 255, 255, 0.25) 1px solid;
}

.mi-income .bt {
    font-size: 16px;
    line-height: 24px;
}

.mi-income .money {
    font-size: 26px;
    line-height: 1;
    padding-top: 5px;
}

.mi-income .small {
    font-size: 18px;
}

.U-Accounts-nav li {
    background: #FFF;
    margin-top: 10px;
}

.U-Accounts-nav .tap {
    padding: 0 30px 0 44px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
}

.U-Accounts-nav .icon-24 {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
}

.U-Accounts-nav .name {
    color: #333;
    float: left;
}

.U-Accounts-nav .dsp {
    float: right;
    color: #666;
}

.U-Accounts-nav .icon-arrow {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 7.5px;
    top: 50%;
    margin-top: -6px;
    background-position: -60px -24px;
}

.U-Accounts-nav .icon-txjl {
    background-position: 0px -260px;
}

.U-Accounts-nav .icon-srmx {
    background-position: -30px -260px;
}

.U-Accounts-nav .icon-bank {
    background-position: -60px -260px;
}

.U-Accounts-nav .icon-jymm {
    background-position: -90px -260px;
}

.team-list .item {
    border-bottom: #e5e5e5 1px solid;
    padding: 10px 10px 10px 60px;
    height: 40px;
    position: relative;
    background: #FFF;
}

.team-list .avatar {
    width: 40px;
    position: absolute;
    left: 0;
    top: 10px;
    left: 10px;
}

.team-list .avatar img {
    width: 100%;
}

.team-list .text-box {
    line-height: 20px;
    color: #999;
}

.team-list .name {
    font-size: 14px;
    color: #333;
}

.team-list .btn {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin: -2px 0 0 5px;
    padding: 0 8px;
}

.business-share {
    margin: 30px 20px 0;
}

.business-share .imgbox {
    width: 50%;
    margin: 0 auto;
}

.business-share .opn {
    width: 65%;
    margin: 20px auto 0;
}

.business-share .text-box {
    margin-top: 40px;
    font-size: 15px;
    text-align: center;
    line-height: 2;
}

.business-upload-attr .size {
    padding: 0 10px 10px;
    border-bottom: #e1e1e1 1px solid;
    overflow: hidden;
}

.business-upload-attr .size dt {
    font-size: 16px;
    color: #999;
    width: 100%;
    clear: both;
    margin-top: 8px;
}

.business-upload-attr .size dd {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin: 8px 8px 0 0;
    border: #efefef 1px solid;
    color: #000;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.business-upload-attr .size .active {
    background: #ff8587;
    color: #FFF;
    border-color: #ff8587;
    color: #FFF;
}

/*business end*/

@media all and (min-width: 360px) {
    .layer .text-box {
        font-size: 14px;
    }

    .ads-list .tap p {
        font-size: 15px;
    }

    .area-list .name {
        font-size: 13px;
    }

    .area-list .price-box {
        font-size: 14px;
    }

    .featured .text-box {
        line-height: 22px;
        font-size: 14px;
    }

    .featured .name {
        font-size: 16px;
    }

    .hot-sales .name {
        height: 40px;
        line-height: 20px;
        font-size: 15px;
    }

    .hot-sales .price-box {
        height: 48px;
        line-height: 24px;
        margin-top: 8px;
        font-size: 14px;
    }

    .class-bar {
        font-size: 14px;
    }

    .limit-deals .name {
        font-size: 15px;
    }

    .clear-bar .info .text .name {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .Review .view-more .btn {
        height: 36px;
        line-height: 34px;
        font-size: 15px;
    }

    .share-list p {
        font-size: 14px;
    }

    .show-info .name {
        font-size: 16px;
    }

    .plist2 .name {
        height: 60px;
    }

    .title-bt {
        font-size: 15px;
    }

    .Sort .ads .text {
        font-size: 20px;
    }

    .Brand-title {
        font-size: 16px;
    }

    .car-list .item3 .name {
        font-size: 13px;
    }

    .car-list .opns {
        margin-top: 9px;
    }

    .form-list .item {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .MyOrder .name {
        height: 48px;
    }

    .Red-envelopes li .info .name {
        font-size: 15px;
    }

    .single-page-title {
        font-size: 16px;
        height: 46px;
        line-height: 46px;
    }

    .single-page-text {
        font-size: 14px;
    }

    .user-bar .name {
        font-size: 16px;
    }

    .b-nlist {
        font-size: 14px;
    }

    .user-info-set .info {
        height: 48px;
        line-height: 24px;
        font-size: 15px;
        padding-top: 2px;
    }

    .U-Accounts-nav .tap {
        height: 46px;
        line-height: 46px;
    }

    .Listing .item {
        font-size: 13px;
        height: 24px;
        line-height: 24px;
    }

    .Listing .name {
        font-size: 15px;
    }

    .team-list .item {
        padding: 10px 10px 10px 68px;
        height: 48px;
    }

    .team-list .avatar {
        width: 48px;
    }

    .team-list .text-box {
        line-height: 24px;
        color: #999;
        font-size: 13px;
    }

    .team-list .name {
        font-size: 15px;
    }

}

@media all and (min-width: 375px) {
    .class-bar {
        font-size: 15px;
    }

    .featured .text-box {
        line-height: 24px;
    }

    .hot-sales .price-box {
        margin-top: 12px;
    }

    .plist2 .name {
        height: 65px;
    }

    .Sort .ads .text {
        font-size: 22px;
    }

    .car-list .opns {
        margin-top: 13px;
    }

    .MyOrder .name {
        height: 51px;
    }

    .user-info-set .info {
        padding-top: 3px;
    }
}

@media all and (min-width: 414px) {
    .area-list .name {
        font-size: 14px;
    }

    .featured .text-box {
        line-height: 26px;
    }

    .featured .name {
        font-size: 18px;
    }

    .hot-sales .name {
        height: 48px;
        line-height: 24px;
        font-size: 16px;
    }

    .hot-sales .price-box {
        margin-top: 15px;
    }

    .hot-sales .unit {
        font-size: 20px;
    }

    .plist2 .name {
        font-size: 15px;
        height: 76px;
    }

    .Sort .ads .text {
        font-size: 24px;
    }

    .car-list .item3 .name {
        font-size: 14px;
    }

    .car-list .opns {
        margin-top: 17px;
    }

    .MyOrder .name {
        height: 58px;
        font-size: 15px;
    }

    .user-bar .name {
        font-size: 18px;
    }

    .user-info-set .info {
        padding-top: 6px;
    }
}






























